<template>
  <div class="withdraw">
    <mt-header fixed title="提现">
      <div slot="left">
        <mt-button @click="back()" icon="back"></mt-button>
      </div>
    </mt-header>
    <div style="width:100%;height:.8rem;"></div>
    <div>
      <div class="withdraw_img" style>
        <img src="@/assets/loginbg.jpg" alt style>
      </div>
      <div class="withdraw_text">
        <p>我的零钱</p>
        <p>￥200.00</p>
      </div>
     <div class="withdraw_button">
        <button @click="withdrawnext()">提现</button>
     </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{

    }
  },
  methods:{
    withdrawnext(){
      this.$router.push({path:'withdrawnext'})
    },
      back(){
          this.$router.go(-1)
      }
  },

}
</script>


<style scoped>
.withdraw_img {
  width: 100%;
  height: 2rem;
  display: flex;
  justify-content:center;
  align-items: center;
  margin-top: 2rem;
}
.withdraw_img img {
  width: 1.5rem;
  height: 1.5rem;
 border-radius: 50%;
}
.withdraw_text{
  width: 100%;
  height: 2rem;
 display:flex;
 flex-direction: column;
 justify-content:space-between;
 align-items:center; 
 margin-top: 1rem;
}
.withdraw_text p:first-child{
      font-size: .4rem;
    color: #333;
    letter-spacing: 1px;
}
.withdraw_text p:last-child{
      font-size: .8rem;
    /* margin-top: 0rem; */
    letter-spacing: 1px;
}
.withdraw_button{
  width:100%;
  height:2rem;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;

}
.withdraw_button button{
  width: 5rem;
  height: .8rem;
  border: none;
  background: #26a2ff;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 5px;
  outline: none;

}
</style>
